import React from 'react'
import {render} from 'react-dom'
import LoginBox from './components/login.jsx'
import Form from './components/form.jsx'
import LiftState from './components/temDemo_.jsx'
import WelcomeDialog from './components/compositionDemo.jsx'


class App extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            num : [1,2,3,4,5,]
        }
    }
    render() {
        return (
            <div>
                <p> Yo, React </p>
                <LoginBox isLogin="false" />
                <div>
                    <p>list</p>
                </div>
                <div>
                    <p>Form</p>
                    <Form />
                </div>

                <div>
                    <p>lift state</p>
                    <LiftState />
                </div>

                <div>
                    <p>cD</p>
                    <WelcomeDialog />
                </div>
            </div>
        )
    }
}

render(<App />, document.getElementById('root'));